<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>文本基本练习</title>
    <style type="text/css">
     p{font-size: 14px;}
     p.class1{
       font-size: 24px;
       color:red;
       font-weight: bold;
     }
     hr{ 
      height: 3px;
      background-color: green;
      width: 27%;
      margin-left: 0%;
    } 
    li{
        display: inline;
        list-style-type: none;
    }
    </style>
  </head>
  <body>
    <p>手机充值、IP卡/电话卡</p>
    <p class="class1">移动&nbsp;|&nbsp; 100 | &nbsp;联通 | &nbsp;50</p>
    <hr />
    <ul id="id1">
      <li>如何注册会员？|</li>
      <li>如何激活会员名？|</li>
    </ul>
  </body>
</html>